<template>
  <view class="content">
    <u-search placeholder="日照香炉生紫烟" v-model="keyword"></u-search>
    <u-tabbar
      :list="tabBarList"
      :mid-button="true"
      :active-color="activeColor"
      :inactive-color="inactiveColor"
      :border-top="borderTop"
      mid-button-size="60"
      icon-size="40"
      height="105rpx"
    ></u-tabbar>
  </view>
</template>

<script>
export default {
  data() {
    return {
      keyword: "",
      tabBarList: [],
      borderTop: true,
      inactiveColor: "#909399",
      activeColor: "#fb4535"
    };
  },
  onLoad() {
    this.tabBarList = this.$tabbar.tabbar;
  },
  methods: {},
};
</script>

<style lang="scss">
	
</style>
